.page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #f1f1f1; /* ColorUI 标准背景色 */
}

.content-container {
    flex: 1;
    padding: 0;
    margin-top: 10rpx;
}

/* 主布局：左侧考试类型，右侧课程列表 */
.main-layout {
    display: flex;
    flex: 1;
    height: calc(100vh - 100rpx);
}

/* 左侧考试类型面板 */
.left-panel {
    width: 220rpx;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
}

/* 右侧课程列表面板 */
.right-panel {
    flex: 1;
    margin-left: 10rpx;
    background-color: #f1f1f1; /* ColorUI 标准背景色 */
}

/* 考试类型选项 - ColorUI风格 */
.exam-type-item {
    padding: 30rpx 20rpx;
    text-align: center;
    border-bottom: 1rpx solid #f0f3f8;
    transition: all 0.3s ease;
}

.exam-type-item.active {
    background-color: #0081ff; /* ColorUI 主色 */
    color: #ffffff;
}

.exam-type-item text {
    font-size: 28upx; /* ColorUI 标准字体大小 */
}

/* 课程滚动视图 */
.course-scroll-view {
    height: 100%;
}

/* 分类区块 - ColorUI风格 */
.category-section {
    background-color: #ffffff;
    margin-bottom: 10rpx; /* 调整间距 */
    border-radius: 6upx; /* ColorUI 标准圆角 */
    overflow: hidden;
}

.category-title {
    font-size: 28upx; /* ColorUI 标准字体大小 */
    font-weight: bold;
    color: #333333; /* ColorUI 标准字体颜色 */
    padding: 24rpx 30rpx;
}

.category-underline {
    height: 1rpx;
    background-color: #eaeef5;
    margin: 0;
}

/* 课程列表 - ColorUI风格 */
.course-list {
    padding: 0;
}

.course-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28rpx 30rpx; /* 调整内边距 */
    border-bottom: 1rpx solid #f0f3f8;
    transition: all 0.3s ease;
}

.course-item:last-child {
    border-bottom: none;
}

.course-item:active {
    background-color: #f9f9f9;
}

.course-name {
    font-size: 28upx; /* ColorUI 标准字体大小 */
    color: #333333; /* ColorUI 标准字体颜色 */
}

.course-icon {
    color: #0081ff; /* ColorUI 主色 */
    font-size: 24rpx;
    font-weight: bold;
}

.course-name {
    font-size: 30rpx;
    color: #333333;
}